$(function(){
    registerClickEvent()
    navController()
    
    $(window).resize(function () { 
        navController()
    });

    /*注册点击事件 */
    function registerClickEvent(){
        /*汉堡按钮事件*/
    $('#nav_hamburg').click(function () { 
        $(this).toggleClass('nav_hamburg_active');
        $('#nav_links').slideToggle('slow');
        $('#nav_mask').toggle()
        $('#nav_mask').css('height',$(window).height())
    });
    /*点击遮罩层关闭导航栏*/
    $('#nav_mask').click(function(){
        $('#nav_links').slideUp();
        $('#nav_hamburg').removeClass('nav_hamburg_active');
        $('#nav_mask').css('display','none')
    })
    }
    function navController(){
        if($(window).width()>768){
            $('#nav_links').css('display','flex')
            $('#nav_hamburg').removeClass('nav_hamburg_active');
            $('#nav_mask').css('display','none')
        }else{
            if($('#nav_links').css('display')!='block'){
                $('#nav_hamburg').removeClass('nav_hamburg_active');
                $('#nav_links').css('display','none')
            }else{
                $('#nav_mask').css('height',$(window).height())
            }
        }
    }
})